<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/shopping.css">
</head>

<body>
    <header>
        <div class="top">
            <div class="container">
                <p class="fl">乐购www.legou.com</p>
                <p class="fr">欢迎光临乐购,请
                    <a href="login.html">登录|</a>
                    <a href="register.html">注册</a>
                </p>
            </div>
        </div>
        <div class="nav container">
            <div class="logo fl">
                <img src="images/webp.webp"id="logo">
            </div>
            <div class="shop fr">
                <input type="text">
                <img src="images/look.png">
                <div class="myshop">我的订单</div>
                <div class="shopping">
                    <img src="images/shopping.png">
                    <span id="goshopping">购物车　3</span>
                </div>

            </div>
            <p class="navs fr container">
                <a href="">图书</a>
                <a href="">电子书</a>
                <a href="">原创文学</a>
                <a href="">服装</a>
                <a href="">运动户外</a>
                <a href="">孕婴童</a>
                <a href="">家居</a>
                <a href="">创意文具</a>
                <a href="">地方特产</a>
                <a href="">海外购</a>
                <a href="">电器城</a>
            </p>
        </div>

    </header>
    <div class="box container">
        <div class="top">
            <div class="top1 fl">
                <p>全部商品</p>
                <p>活动商品</p>
                <p>库存紧张</p>
            </div>
            <div class="top2 fr">

                <a href="login.html">立即登录</a>

                <p>温馨提示: 亲爱的顾客, 您还没有登录, 所有商品价格,活动信息以登录后显示为准</p>

            </div>
        </div>
        <div class="ttop">
            <p>
                <input type="checkbox" id="checkall"> 全选</p>
            <p>删除</p>
            <p>分享</p>
            <p>移入收藏夹</p>
            <p>删除失效宝贝</p>
            <a href="login.html"id="noshopping">去结算</a>
            <div id="total">已选商品
                <span id="count">0</span>　　　
                合计(不含运费)<span id="totalprice"class="fr">0.00</span>
            </div>

        </div>
        <div class="ttop2">
            
            <div class="ttop" style="border-bottom: 1px solid #cccccc;height:30px;">
                <p>
                    <input type="checkbox" name="" class="tbs55"> 木果果木官方旗舰店</p>
                <p style="font-size:12px;width: 60px;color:white;background: #008aff;margin:0 10px 0 24px;display: inline-block;">联系店家</p>
                <p> 满2件包邮</p>
            </div>
            <table>
                <tr class="ttop3">
                    <td>
                        <input type="checkbox" class="tbs5">
                    </td>
                    <td>
                        <img src="images/tbs.jpg" alt="">
                    </td>
                    <td>
                        <p class="tbs1">木果果木2016秋装新品韩范简约宽松
                            <br>中长款纯棉长袖衬衫</p>
                        <p class="newtd">新品</p>
                        <p class="newtd1">包邮</p>
                    </td>
                    <td>
                        <p class="tbs2">
                            颜色: 魅夜黑
                            <br> 尺寸: M
                        </p>
                    </td>
                    <td class="singleprice">
                        <p class="tbs3">169.00</p>
                        <p class="tbs4">VIP积分100</p>
                    </td>
                    <td class="countbox">
                        <span class="ltbs">-</span>
                        <input type="text" class="num" value="1">
                        <span class="rtbs">+</span>
                    </td>
                    <td>
                        <p class="tbs6" style="margin-left: 100px">移入收藏夹</p>
                        <p class="out" style="margin-left: 100px">删除</p>
                        <p class="tbs6" style="margin-left: 100px">分享</p>
                        <p class="tbs6" style="margin-left: 100px">相似宝贝</p>
                    </td>
                </tr>
                <tr class="ttop3">
                    <td>
                        <input type="checkbox" class="tbs5">
                    </td>
                    <td>
                        <img src="images/tbs.jpg" alt="">
                    </td>
                    <td>
                        <p class="tbs1">木果果木2016秋装新品韩范简约宽松
                            <br>中长款纯棉长袖衬衫</p>
                        <p class="newtd">新品</p>
                        <p class="newtd1">包邮</p>
                    </td>
                    <td>
                        <p class="tbs2">
                            颜色: 魅夜黑
                            <br> 尺寸: M
                        </p>
                    </td>
                    <td class="singleprice">
                        <p class="tbs3">169.00</p>
                        <p class="tbs4">VIP积分100</p>
                    </td>
                    <td class="countbox">
                        <span class="ltbs">-</span>
                        <input type="text" class="num" value="1">
                        <span class="rtbs">+</span>
                    </td>
                    <td>
                        <p class="tbs6" style="margin-left: 100px">移入收藏夹</p>
                        <p class="out" style="margin-left: 100px">删除</p>
                        <p class="tbs6" style="margin-left: 100px">分享</p>
                        <p class="tbs6" style="margin-left: 100px">相似宝贝</p>
                    </td>
                </tr>
            </table>
        </div>
        <div class="ttop" style="border-bottom: 1px solid #cccccc;height:30px;">
            <p>
                <input type="checkbox" name="" class="tbs55"> 木果果木官方旗舰店</p>
            <p style="font-size:12px;width: 60px;color:white;background: #008aff;margin:0 10px 0 24px;display: inline-block;">联系店家</p>
            <p> 满2件包邮</p>
        </div>
        <table>
            <tr class="ttop3">
                <td>
                    <input type="checkbox" class="tbs5">
                </td>
                <td>
                    <img src="images/tbs.jpg" alt="">
                </td>
                <td>
                    <p class="tbs1">木果果木2016秋装新品韩范简约宽松
                        <br>中长款纯棉长袖衬衫</p>
                    <p class="newtd">新品</p>
                    <p class="newtd1">包邮</p>
                </td>
                <td>
                    <p class="tbs2">
                        颜色: 魅夜黑
                        <br> 尺寸: M
                    </p>
                </td>
                <td class="singleprice">
                    <p class="tbs3">169.00</p>
                    <p class="tbs4">VIP积分100</p>
                </td>
                <td class="countbox">
                    <span class="ltbs">-</span>
                    <input type="text" class="num" value="1">
                    <span class="rtbs">+</span>
                </td>
                <td>
                    <p class="tbs6" style="margin-left: 100px">移入收藏夹</p>
                    <p class="out" style="margin-left: 100px">删除</p>
                    <p class="tbs6" style="margin-left: 100px">分享</p>
                    <p class="tbs6" style="margin-left: 100px">相似宝贝</p>
                </td>
            </tr>
            <tr class="ttop3">
                <td>
                    <input type="checkbox" class="tbs5">
                </td>
                <td>
                    <img src="images/tbs.jpg" alt="">
                </td>
                <td>
                    <p class="tbs1">木果果木2016秋装新品韩范简约宽松
                        <br>中长款纯棉长袖衬衫</p>
                    <p class="newtd">新品</p>
                    <p class="newtd1">包邮</p>
                </td>
                <td>
                    <p class="tbs2">
                        颜色: 魅夜黑
                        <br> 尺寸: M
                    </p>
                </td>
                <td class="singleprice">
                    <p class="tbs3">169.00</p>
                    <p class="tbs4">VIP积分100</p>
                </td>
                <td class="countbox">
                    <span class="ltbs">-</span>
                    <input type="text" class="num" value="1">
                    <span class="rtbs">+</span>
                </td>
                <td>
                    <p class="tbs6" style="margin-left: 100px">移入收藏夹</p>
                    <p class="out" style="margin-left: 100px">删除</p>
                    <p class="tbs6" style="margin-left: 100px">分享</p>
                    <p class="tbs6" style="margin-left: 100px">相似宝贝</p>
                </td>
            </tr>
            <tr class="ttop3">
                <td>
                    <input type="checkbox" class="tbs5">
                </td>
                <td>
                    <img src="images/tbs.jpg" alt="">
                </td>
                <td>
                    <p class="tbs1">木果果木2016秋装新品韩范简约宽松
                        <br>中长款纯棉长袖衬衫</p>
                    <p class="newtd">新品</p>
                    <p class="newtd1">包邮</p>
                </td>
                <td>
                    <p class="tbs2">
                        颜色: 魅夜黑
                        <br> 尺寸: M
                    </p>
                </td>
                <td class="singleprice">
                    <p class="tbs3">169.00</p>
                    <p class="tbs4">VIP积分100</p>
                </td>
                <td class="countbox">
                    <span class="ltbs">-</span>
                    <input type="text" class="num" value="1">
                    <span class="rtbs">+</span>
                </td>
                <td>
                    <p class="tbs6" style="margin-left: 100px">移入收藏夹</p>
                    <p class="out" style="margin-left: 100px">删除</p>
                    <p class="tbs6" style="margin-left: 100px">分享</p>
                    <p class="tbs6" style="margin-left: 100px">相似宝贝</p>
                </td>
            </tr>
        </table>
        <div class="ylike">
            <h3>猜你喜欢</h3>

        </div>
        <div class="likeimg">
            <div class="fl">
                <img style="margin-right: 19px;" src="images/youlike02.jpg">
                <p>AIVEI秋新中长款牛仔</p>
                <p>¥ 79.00</p>
            </div>
            <div class="fl">
                <img style="margin-right: 19px;" src="images/youlike02.jpg">
                <p>AIVEI秋新中长款牛仔</p>
                <p>¥ 79.00</p>
            </div>
            <div class="fl">
                <img style="margin-right: 19px;" src="images/youlike02.jpg">
                <p>AIVEI秋新中长款牛仔</p>
                <p>¥ 79.00</p>
            </div>
            <div class="fl">
                <img style="margin-right: 19px;" src="images/youlike02.jpg">
                <p>AIVEI秋新中长款牛仔</p>
                <p>¥ 79.00</p>
            </div>
            <div class="fl">
                <img style="margin-right: 19px;" src="images/youlike02.jpg">
                <p>AIVEI秋新中长款牛仔</p>
                <p>¥ 79.00</p>
            </div>
            <div class="fl">
                <img src="images/youlike02.jpg">
                <p>AIVEI秋新中长款牛仔</p>
                <p>¥ 79.00</p>
            </div>
        </div>
    </div>

















    <footer>
        <div class="sponsor">
            <div class="sponsorbox container">
                <div class="sponsors" style="border-right:2px solid #cfcfcf">
                    <img src="images/spanor1.jpg">
                    <h3>正品保障</h3>
                    <p>正品行货 放心选购</p>
                </div>
                <div class="sponsors" style="border-right:2px solid #cfcfcf">
                    <img src="images/spansor2.jpg">
                    <h3>满86包邮</h3>
                    <p>满86元 免运费</p>
                </div>
                <div class="sponsors" style="border-right:2px solid #cfcfcf">
                    <img src="images/spansor3.jpg">
                    <h3>售后无忧</h3>
                    <p>7天无理由退货</p>
                </div>
                <div class="sponsors">
                    <img src="images/spansor4.jpg">
                    <h3>准时送达</h3>
                    <p>收货时间由你做主</p>
                </div>
            </div>
            <div class="container">
                <div class="help">
                    <h3>新手入门</h3>
                    <p>购物流程</p>
                    <p>会员制度</p>
                    <p>订单查询</p>
                    <p>服务协议及隐私说明</p>
                    <p>网站地图</p>
                </div>
                <div class="help">
                    <h3>支付方式</h3>
                    <p>货到付款</p>
                    <p>网上支付</p>
                    <p>礼品卡支付 </p>
                    <p>其他支付</p>
                </div>
                <div class="help">
                    <h3>配送服务</h3>
                    <p>配送进度查询</p>
                    <p>商品验货与签收</p>
                </div>
                <div class="help">
                    <h3>相关规则</h3>
                    <p>平台规则</p>
                    <p>退换货政策</p>
                    <p>发票制度</p>
                    <p>帮助中心</p>
                </div>
                <div class="dimension">
                    <h3>App更加优惠</h3>
                    <img src="images/qryhd.png">
                </div>
                <div class="dimension">
                    <h3>加微信查订单</h3>
                    <img src="images/qryhd.png">
                </div>
            </div>
        </div>
        <div class="footrs container">
            <p>
                沪ICP备XXXXXXXXX号 | 经营证照 | 互联网药品信息服务资格证(沪)-经营性-2017-0006 | 违法和不良信息举报电话：XXX-XXXXXXXX | 沪B2-XXXXXXX
            </p>
            <p>沪公网安备 XXXXXXXXX号 | 友情链接 | 出版物经营许可证 | 增值电信业务经营许可证</p>
            <div class="fimg">
                <img src="images/foot1.jpg">
                <img src="images/foot2.jpg">
                <img src="images/foot3.png">
                <img src="images/foot4.jpg">
                <img src="images/foot5.png">
                <img src="images/foot6.jpg">
            </div>
        </div>
    </footer>
    <script src="js/jquery.min.js"></script>
    <script src="js/shopping.js"></script>

</body>

</html>